<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title> 气度网 - 气度如水</title>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="${ctx}/css/index_baike.css" >
    <script src="${ctx}/js/jquery-1.5.2.min.js" type="text/javascript"></script>
	<script src="${ctx}/js/ad_image_for_baike.js" type="text/javascript" ></script> 
</head>
<body>
<div id="container">
	<!-- 头部 -->
	<%@ include file="header.jsp"%>
	<%@ include file="baike_header.jsp"%>
	<!-- 内容 -->    
    <div id="body_dom">
    	<!-- part 1 left -->
        <div class="part_1">
        	<!-- level 1 -->
            <div class="level_1">
				<div class="left">
                    <!-- 图片新闻 -->
                    <div class="pic_news" id="idTransformView2">
						<ul class="slider slider2" id="idSlider2">
                        	<li>
                            	<a href="#">
                                	<div><img src="${ctx}/image/ad/school_1.jpg" alt=""/></div>
                                	<div class="detail">这里显示相关的简要信息,关于农业的所有百科<br> 都可以从这里获得</div>
                                </a>
							</li>
                            <li>
                            	<a href="#">
                                	<div><img src="${ctx}/image/ad/school_1.jpg" alt=""/></div>
                                	<div class="detail">这里显示相关的简要信息,关于农业的所有百科<br> 都可以从这里获得</div>
                                </a>
							</li>
                            <li>
                            	<a href="#">
                                	<div><img src="${ctx}/image/ad/school_1.jpg" alt=""/></div>
                                	<div class="detail">这里显示相关的简要信息,关于农业的所有百科<br> 都可以从这里获得</div>
                                </a>
							</li>
                            <li>
                            	<a href="#">
                                	<div><img src="${ctx}/image/ad/school_1.jpg" alt=""/></div>
                                	<div class="detail">这里显示相关的简要信息,关于农业的所有百科<br> 都可以从这里获得</div>
                                </a>
							</li>
                            <li>
                            	<a href="#">
                                	<div><img src="${ctx}/image/ad/school_1.jpg" alt=""/></div>
                                	<div class="detail">这里显示相关的简要信息,关于农业的所有百科<br> 都可以从这里获得</div>
                                </a>
							</li>
						</ul>
                        <ul class="num" id="idNum2">
                            <li>1</li>
                            <li>2</li>
                           	<li>3</li>
                            <li>4</li>
                            <li>5</li>
                        </ul>
                    </div>
                    <div class="latest_baike">
                    	<div class="title">最新发布词条</div>
                        <div class="row">
                        <s:iterator value="newBaike.objList" var="baike">
                        	<div class="cols">
                            	<div class="pic">
                                    <a href="${ctx}/baike/show?baikeId=<s:property value="#baike.id"/>">
                                        <img src="${ctx}/uploadfiles/<s:property value="#baike.fileName"/>" width="120" height="70px">
                                    </a>
                                </div>
                                <div class="detail">
                                <a href="${ctx}/baike/show?baikeId=<s:property value="#baike.id"/>">
                                	<s:if test="#baike.baikeWord.length() > 7">
                                		<s:property value="#baike.baikeWord.substring(0,7) + ..."/>
                                	</s:if>
                                	<s:else>
                                		<s:property value="#baike.baikeWord"/>
                                	</s:else>
                                </a>	
                                </div>
                            </div>
						</s:iterator>
                        </div>
                    </div>					
				</div>
				<div class="right">
             		<div class="title">+每日热点百科</div>
                    <div class="info">
						<div class="pic">
                        	<a href="${ctx}/baike/show">
                            	<img src="${ctx}/image/ad/company_4.gif" width="120" height="80px">
                            </a>
                        </div>
                        <div class="pic_info">
                        	<div class="pic_info_1"><a href="${ctx}/baike/show"><font color="#000099">小麦</font></a></div>
                            <div class="pic_info_2">小麦是农作物...小麦是农作物...小麦是农作</div>
                        </div>
                    </div>
                    <div class="info">
						<div class="pic">
                        	<a href="${ctx}/baike/show">
                            	<img src="${ctx}/image/ad/company_4.gif" width="120" height="80px">
                            </a>
                        </div>
                        <div class="pic_info">
                        	<div class="pic_info_1"><a href="${ctx}/baike/show"><font color="#000099">小麦</font></a></div>
                            <div class="pic_info_2">小麦是农作物...小麦是农作物...小麦是农作物...小麦是农</div>
                        </div>
                    </div>
            	</div>
            </div>
            <!-- level 2 广告-->
            <div class="level_2"><a href="#" ><img src="${ctx}/image/ad/ad_650X100.gif" width="760" height="100" title="广告"></a></div>
            
            <!-- level 3 分类简介 -->
            <div class="level_3">
            	<!-- rows -->
            	<div class="row">
                	<div class="cols">
                    	<div class="title">植物科属</div>
                        <div class="info_1">
                        	<div>
                                <a href="#">
                                    <img src="${ctx}/image/upload/westlife.jpg" width="140" height="80" title="#" >
                                </a>
                            </div>
                            <div class="pic_name">
                            	<a href="#"><font color="#FF0000">1</font>.西城男孩</a>
                            </div>
                            <div class="pic_detail">
                            	Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢迎。迎。
                            </div>
                        </div>
                        <div class="info_2">
                        	<li><a href="#"><font color="#FF0000">2</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">3</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">4</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">5</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">6</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">7</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">8</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">9</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">10</font>.西城西城男孩男孩</a></li>
                        </div>
                    </div>
                	<div class="cols">
                    	<div class="title">种子百科</div>
                        <div class="info_1">
                        	<div>
                                <a href="#">
                                    <img src="${ctx}/image/ad/company_5.jpg" width="140" height="80" title="#" >
                                </a>
                            </div>
                            <div class="pic_name">
                            	<a href="#"><font color="#FF0000">1</font>.西城男孩</a>
                            </div>
                            <div class="pic_detail">
                            	Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢迎。迎。
                            </div>
                        </div>
                        <div class="info_2">
                        	<li><a href="#"><font color="#FF0000">2</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">3</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">4</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">5</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">6</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">7</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">8</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">9</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">10</font>.西城西城男孩男孩</a></li>
                        </div>
                    </div>
                </div>
                <!-- rows -->
                <div class="row">
                	<div class="cols">
                    	<div class="title">植物科属</div>
                        <div class="info_1">
                        	<div>
                                <a href="#">
                                    <img src="${ctx}/image/upload/westlife.jpg" width="140" height="80" title="#" >
                                </a>
                            </div>
                            <div class="pic_name">
                            	<a href="#"><font color="#FF0000">1</font>.西城男孩</a>
                            </div>
                            <div class="pic_detail">
                            	Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢迎。迎。
                            </div>
                        </div>
                        <div class="info_2">
                        	<li><a href="#"><font color="#FF0000">2</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">3</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">4</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">5</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">6</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">7</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">8</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">9</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">10</font>.西城西城男孩男孩</a></li>
                        </div>
                    </div>
                	<div class="cols">
                    	<div class="title">种子百科</div>
                        <div class="info_1">
                        	<div>
                                <a href="#">
                                    <img src="${ctx}/image/ad/company_5.jpg" width="140" height="80" title="#" >
                                </a>
                            </div>
                            <div class="pic_name">
                            	<a href="#"><font color="#FF0000">1</font>.西城男孩</a>
                            </div>
                            <div class="pic_detail">
                            	Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢迎。迎。
                            </div>
                        </div>
                        <div class="info_2">
                        	<li><a href="#"><font color="#FF0000">2</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">3</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">4</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">5</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">6</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">7</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">8</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">9</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">10</font>.西城西城男孩男孩</a></li>
                        </div>
                    </div>
                </div>
                <!-- rows -->
                <div class="row">
                	<div class="cols">
                    	<div class="title">植物科属</div>
                        <div class="info_1">
                        	<div>
                                <a href="#">
                                    <img src="${ctx}/image/upload/westlife.jpg" width="140" height="80" title="#" >
                                </a>
                            </div>
                            <div class="pic_name">
                            	<a href="#"><font color="#FF0000">1</font>.西城男孩</a>
                            </div>
                            <div class="pic_detail">
                            	Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢迎。迎。
                            </div>
                        </div>
                        <div class="info_2">
                        	<li><a href="#"><font color="#FF0000">2</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">3</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">4</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">5</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">6</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">7</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">8</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">9</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">10</font>.西城西城男孩男孩</a></li>
                        </div>
                    </div>
                	<div class="cols">
                    	<div class="title">种子百科</div>
                        <div class="info_1">
                        	<div>
                                <a href="#">
                                    <img src="${ctx}/image/ad/company_5.jpg" width="140" height="80" title="#" >
                                </a>
                            </div>
                            <div class="pic_name">
                            	<a href="#"><font color="#FF0000">1</font>.西城男孩</a>
                            </div>
                            <div class="pic_detail">
                            	Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢Westlife（官方译名西城男孩；又译西域男孩）是在1998年成立的爱尔兰男子歌唱团体。 Westlife在爱尔兰和英国走红，在非洲、澳大利亚与亚洲也很受欢迎。迎。
                            </div>
                        </div>
                        <div class="info_2">
                        	<li><a href="#"><font color="#FF0000">2</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">3</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">4</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">5</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">6</font>.西城男孩西城男孩</a></li>
                            <li><a href="#"><font color="#FF0000">7</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">8</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">9</font>.西城男西城男孩孩</a></li>
                            <li><a href="#"><font color="#FF0000">10</font>.西城西城男孩男孩</a></li>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
    	<!-- part 2 right -->
        <div class="part_2">
        	<!-- level 1 -->
            <div class="level_1">
            	<div class="title">百科概况</div>
                <div class="detail">
                	<div class="info">
                   		全民共同撰写的百科全书，已收录词条<font color="#FF0000">999999</font>条！快来加入知识的行列吧...
                    </div>
                    <div class="info2">
                    	<a href="${ctx}/baike/create">+ 创建词条</a>
                    </div>
                </div>
            </div>
        	<!-- level 2 -->
            <div class="level_2">
            	<div class="title">热门词条排行榜</div>
                <div class="detail">
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">1</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">2</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">3</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">4</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">5</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">6</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">7</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">8</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">9</font>.郭美美</a>
                    </div>
                    <div class="info2">
                    	<a href="#"><font color="#FF0000">10</font>.郭美美</a>
                    </div> 
                </div>
            </div>
            <!-- level 3 广告 -->
            <div class="level_3">
            	<div class="ad"><a href="#"><img src="${ctx}/image/ad/company_5.jpg" title="广告"></a></div>
                <div class="ad"><a href="#"><img src="${ctx}/image/ad/company_4.gif" title="广告"></a></div>
                <div class="ad"><a href="#"><img src="${ctx}/image/ad/company_3.jpg" title="广告"></a></div>
            </div>
            <!-- 公告区 -->
            <div class="level_4">
            	<div class="title">公告栏</div>
                <div class="detail">
                    <div class="info">
                       如何编辑：<br>
                       已收录词条<font color="#FF0000">999999</font>条！快来加入知识的行列吧...
                    </div>
                </div>    
            </div>
        </div>               
	</div>
    <!-- 尾部 -->
	<%@ include file="tail.jsp"%>
</div>   
</body>
</html>
